<template>
  <div class="sideBar">
    <div>
      <div class="tips">在线客服</div>
      <ul class="list">
        <li>电话:13800000000</li>
        <li>QQ:123456789</li>
        <li>微信:13800000000</li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: 'YearChange',
  props: {
    clickNotClose: {
      default: false,
      type: Boolean
    },
    buttonTop: {
      default: 90,
      type: Number
    }
  },
  data() {
    return {
      show: false
    }
  },
  computed: {
    theme() {
      return '#1890ff'
    }
  }
}
</script>

<style>
.sideBar {
	position:fixed;
	right:-182px;
	top:250px;
	background-color:#ffffff;
	border:#1890ff solid 1px;
	transition:right 0.5s;
  z-index: 40000;
}
.sideBar:hover {
	right:0;
}
.sideBar>div {
	position:relative;
}
.sideBar .tips {
	position:absolute;
	height:120px;
	line-height:25px;
	background-color:#1890ff;
	width:35px;
	left:-35px;
	/* top:50px; */
	top:15px;
	text-align:center;
	box-sizing:border-box;
	padding:10px 10px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	font-weight:bold;
	color:#ffffff;
}
.sideBar .list {
	padding:0;
	list-style:none;
	width:180px;
	margin:0;
}
.sideBar .list>li {
	padding:15px;
	border-top:#1890ff dashed 1px;
}
.sideBar .list>li:hover {
	background-color:#1890ff;
	color:#ffffff;
}
.sideBar .list>li:first-child {
	border-top:none;
}
</style>
